<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>鼠标拖拽效果</title>
    <link rel="stylesheet" href="鼠标拖拽效果.css">
</head>
<body>
    <div class="Area">
        <div class="title">注册窗口</div>
        <div class="main">
            <label>账户&nbsp;<input type="text" id="uN"></label><br>
            <label>密码&nbsp;<input type="password" id="pW"></label><br>
            <button id="sub">注册</button>
        </div>
    </div>

    <div class="login">
        <div class="title">登录窗口</div>
        <div class="main">
            <label>账户&nbsp;<input type="text" id="username"></label><br>
            <label>密码&nbsp;<input type="password" id="password"></label><br>
            <button id="log">登录</button><br>
            <a id="reset" href="#">注册</a>
        </div>
    </div>


    <div id="success_login">登录成功!</div>
    <div id="x"><a href="#">点击返回登录页</a></div>
<script src="鼠标拖拽效果.js"></script>
</body>
</html>